<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="./css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
		<link rel="stylesheet" type="text/css" href="css/searchInformation.css"/>
	</head>
	<body>
		
			<div class="header">
				<img src="img/Logo.png" >
				<h1>查询学生信息系统</h1>
			</div>
			<div id="searchIfo">
				<div class="return" @click="returnPage">
					<img src="img/return.png" width="20px">
					返回
				</div>
			<div class ="search">
				<input type="text" placeholder="请输入关键字" id="searchInput" />
				<div class="search-icon" id="searchButton">
					<img src="img/搜索.png" >
				</div>
			</div>
				<div id="searchBodyLeft">
					<span>地区</span> 
					<select name="sfbz" id="area" >
	<!-- 					<option value="liao">辽宁</option>
						<option value="an">安徽</option>
						<option value="bei">北京</option>
						<option value="fu">福建</option>
						<option value="gan">甘肃</option>
						<option value="guang1">广东</option>
						<option value="guang2">广西</option>
						<option value="gui">贵州</option>
						<option value="hai">海南</option>
						<option value="he1">河北</option>
						<option value="he2">河南</option>
						<option value="hei">黑龙江</option>
						<option value="hu1">湖南</option>
						<option value="hu2">湖北</option>
						<option value="shan1">山东</option>
						<option value="shan2">山西</option>
						<option value="shan3">陕西</option>
						<option value="shang">上海</option>
						<option value="si">四川</option>
						<option value="tian">天津</option>
						<option value="xi">西藏</option>
						<option value="xin">新疆</option>
						<option value="yun">云南</option>
						<option value="zhe">浙江</option>
						<option value="chong">重庆</option> -->
						
					</select>
					<br>
					<span>学院</span>
					<select name="fyxb" id="academy" >
		<!-- 				<option value="xinxi">信息科学与工程学院</option>
						<option value="li">理学院</option>
						<option value ="huan">环境与化学工程学院</option>
						<option value ="cai">材料科学与工程学院</option>
						<option value ="ji">机械工程学院</option>
						<option value ="jing">经济管理学院</option>
						<option value ="qi">汽车与交通学院</option>
						<option value ="wai">外国语学院</option>
						<option value ="yi">艺术设计学院</option>
						<option value ="zhuang">装备工程学院</option>
						<option value ="zi">自动化与电气工程学院</option> -->
					</select>
					<br>
					<span>类别</span>
					<select name="klmc" id="class">
		<!-- 				<option value="jinrong">金融学类</option>
						<option value="jisuan">计算机类</option> -->
					</select>
				</div>
				<div id="searchBodyRight">
					<span>性别</span>
					<select name="xbmc" id="sex">
			<!-- 			<option value="man">男</option>
						<option value="woman">女</option> -->
					</select>
					<br>
					<span>专业</span>
					<select name="zymc" id="major">
					<!-- 	<option value="computer">计算机科学与技术</option>
						<option value="wulianwang">物联网</option> -->
					</select>
					<br>
					<span>批次</span> 
					<select name="pcmc" id="batch">
			<!-- 			<option value="ben">本科</option>
						<option value="ben1">本科第一批</option>
						<option value="ben1">本科第二批</option>
						<option value="ben1">本科二批</option>
						<option value="ben1">本科二批普通类</option>
						<option value="ben1">本科二批征集</option>
						<option value="ben1">本科国家专项计划</option>
						<option value="ben1">本科批</option>
						<option value="ben1">本科批A阶段</option>
						<option value="ben1">本科批次</option>
						<option value="ben1">本科征集</option>
						<option value="ben1">本科普通批</option>
						<option value="ben1">本科提前B</option>
						<option value="ben1">本科提前批B段</option>
						<option value="chang">常规批</option>
						<option value="dier">第二批A段</option>
						<option value="dier">第二批本科</option>
						<option value="dier">第二批本科A类</option>
						<option value="diyi">第一批A段</option>
						<option value="dier">第一批本科B类</option>
						<option value="er">二本（含艺术及本）</option>
						<option value="er">二本及预科</option>
						<option value="er">二批本科（A）</option>
						<option value="guo">国家专项</option>
						<option value="guo">国家专项本科</option>
						<option value="guo">国家专项计划</option>
						<option value="guo">国家专项计划批</option>
						<option value="pin">贫困南单对口本二</option>
						<option value="pin">贫困专项</option>
						<option value="pu">普通类</option>
						<option value="wen">文理科本科二批</option>
						<option value="wen">文理科本科一批</option>
						<option value="yi">一批本科</option>
						<option value="yi1">艺术本科2小批</option>
						<option value="yi2">艺术本科一批A</option>
						<option value="yi3">艺术类本科段一</option>
						<option value="yi4">艺术类本科批统考</option>
						<option value="zhuan">专项计划</option> -->
					</select>
				</div>
	<!-- 			<form action="" method="post" class="form">
					<span class="daoru">导入</span>
					<input type="file" value="导入文件" />
					<input type="submit" value="导入" class="submit"/>
				</form> -->
				<div class="button">
						<button type="button" @click="resetClick">重置</button>
						<button type="button" @click="searchClick">查询</button>
				</div>
				
				<hr >
				
				
				<div>
					<div class="htmleaf-container">
					<div class="container">
					<div class="row">
						      
					<div class="col-sm-8 col-sm-offset-2">
					<table id="form" class="table table-bordered">
						<caption>查询结构</caption>
						<thead>
							<!-- <tr>
								<th>姓名</th>
								<th>考生号</th>
								<th>学院</th>
								<th>类别</th>
								<th>专业</th>
								<th>更多</th>
							</tr> -->
							<tr v-for="(item,index) in header" class="tr">
								<td v-for="items in header[index]">{{items}}</td>
							</tr> 
						</thead>
						<tbody>
							<tr v-for="(item,index) in text" class="tr">
								<!-- <td v-for="items in text[index]">{{items}}</td> -->
								<td>{{item.xm}}</td>
								<td>{{item.ksh}}</td>
								<td>{{item.fyxb}}</td>
								<td>{{item.klmc}}</td>
								<td>{{item.zymc}}</td>
								<td><div @click="seeMore(index)" id="seeMore">查看更多</div></td>
							</tr> 
							<!-- <tr v-for="(item,index) in stu" class="tr">
								<td v-for="items in stu[index]">{{items}}</td>
							</tr> -->
						</tbody>
					</table>
						<nav class="pagination-container">
							<ul class="pagination" id="buttons">
							</ul>
						</nav>
					</div>
					</div>
					</div>
					</div>
				</div>
				<div id="shield" v-show="shield">
					<!-- <button id = "goback" @click="closeMore"> 退出</button> -->
				</div>


			</div>
		
		<script src="js/vue%20.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/searchInformation.js" type="text/javascript" charset="utf-8"></script>
		<!-- <script src="js/addSearchInformation.js" type="text/javascript" charset="utf-8"></script> -->
		<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="js/paginathing.js"></script>
		<script type="text/javascript">
		
		// const searchClick = document.getElementById('searchClick');
		// searchClick.onclick = function(){
		// 	console.log(1)
		// }
		</script>
	</body>
</html>
